@import '~@/assets/css/mixins';

.script_dev {
  float: left;
  height: 100%;
  background-color: #fff;

  .datadev_tree_box {
    height: 100%;

    :global {
      .icon-shuaxin {
        margin-right: 12px;
      }

      .icon-xinjianwenjianjia {
        margin-right: 12px;
      }

      .iconfont {
        font-size: 16px;
      }

      .icon-renwuliu2,
      .icon-renwuliu11 {
        color: #8d61d9;
      }

      .icon-lixianrenwu3,
      .icon-lixianrenwu11 {
        color: #ed4e47;
      }

      .icon-renwukaifa1,
      .icon-Mr1,
      .icon-SQL1,
      .icon-python21,
      .icon-impala1,
      .icon-pyspark1,
      .icon-python31,
      .icon-shell1 {
        color: #00c1de;
      }

      .icon-shujuzhiliang,
      .icon-shujuzhiliang-1,
      .icon-ziyuanguanli2,
      .icon-ziyuan1,
      .icon-huishouzhanguanli {
        color: #0084ff;
      }

      .icon-bushujurenwu1,
      .icon-bushuju1 {
        color: #e84b74;
      }

      .icon-hanshuguanli2,
      .icon-hanshu2 {
        color: #ffca28;
      }
    }
  }

  .left-list {
    width: 100%;
    height: calc(100% - 50px);
    overflow-x: hidden;
    overflow-y: auto;

    &:hover {
      overflow-y: auto;
    }
  }

  // .left-list::-webkit-scrollbar {
  // display: none;
  // }
  .left-header .ant-input {
    width: 190px !important;
  }

  .ant-select-search__field {
    color: #fff !important;
  }

  :global {
    .ant-spin-nested-loading {
      height: 100%;
    }

    .ant-spin-container {
      height: 100%;
    }
  }
}

.file_box {
  width: 100%;
  height: auto;

  :global {
    .com-button {
      display: block;
      width: 90px;
      height: 40px;
      padding: 0 20px;
      color: #fff;
      font-size: 12px;
      background-color: @blue;
      border-radius: 2px;
      cursor: pointer;
    }
  }

  dl {
    clear: both;
    height: 32px;
    margin-top: 10px;
    margin-bottom: 20px;
    font-size: 12px;
    line-height: 32px;

    dt {
      float: left;
      width: 90px;
      text-align: right;
    }

    dd {
      float: left;

      :global {
        .com-button {
          display: block;
          height: 100%;
          padding: 0 20px;
          color: #fff;
          background-color: @blue;
          border-radius: 2px;
          cursor: pointer;
        }
      }
    }
  }
}
.tabpane_icon {
  width: 24px;
  height: 24px;
  margin-right: 8px;
  color: rgb(0 132 255 / 100%);
  background-color: rgb(0 132 255 / 10%);
  border-radius: 2px;
}
